<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>小米6 - 小米商城</title>
		<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/mi6.css"/>
	</head>
	<body>
		<!--登录、注册导航栏-->
		<div class="site-topbar">
			<div class="container">
				<div class="topbar-nav">
					<a href="index.html">小米商城</a><span>|</span>
					<a href="">MIUI</a><span>|</span>
					<a href="">米聊</a><span>|</span>
					<a href="">游戏</a><span>|</span>
					<a href="">多看阅读</a><span>|</span>
					<a href="">云服务</a><span>|</span>
					<a href="">金融</a><span>|</span>
					<a href="">小米商城移动版</a><span>|</span>
					<a href="">问题反馈</a><span>|</span>
					<a href="">Select Region</a>
				</div>
				<!--购物车-->
				<div class="topbar-cart fr">
					<a  href="">
						<i class="iconfont">&#xe68f;</i>购物车
						<span>（0）</span>
					</a>
					<div class="cart-menu">
						<div class="loading">购物车中还没有商品，赶紧选购吧！</div>
					</div>
				</div>
				<!--登录、注册-->
				<div class="topbar-info fr">
					<a class="link" href="login.html">登录</a><span>|</span>
					<a class="link" href="">注册</a><span>|</span>
					<a class="link" href="">消息通知</a>
				</div>
			</div>
		</div>
		<!--导航栏S-->
		<div class="site-header">
			<div class="container">
				<div class="header-logo">
					<a class="logo ir" href=""></a>
				</div>
				<div class="header-nav">
					<ul class="nav-list clearfix">
						<li class="nav-category">
							<a href="" class="link-category">全部商品分类</a>
							<div class="site-category">
								<ul class="site-category-list clearfix">
									<li class="category-item">
										<a href="buyphone.html" class="title">手机 电话卡
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-3">
											<ul class="children-list children-list-col">
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xm6_80.png" alt="" />
														<span class="text">小米6</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/5c_80.png" alt="" />
														<span class="text">小米手机5C</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xmNOTE2-80.jpg" alt="" />
														<span class="text">小米Note 2</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/MIX-80.jpg" alt="" />
														<span class="text">小米MIX</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xm5S-80.jpg" alt="" />
														<span class="text">小米5S</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xm5S-plus-80.jpg" alt="" />
														<span class="text">小米5S Puls</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xm5-80.jpg" alt="" />
														<span class="text">小米手机5</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/hmn4x80.png" alt="" />
														<span class="text">红米Note 4X</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/hmnote4-80.jpg" alt="" />
														<span class="text">红米Note 4</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/hm4x_80.png" alt="" />
														<span class="text">红米 4X</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/hm4-80.jpg" alt="" />
														<span class="text">红米4</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/hm4A-80.jpg" alt="" />
														<span class="text">红米4A</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/compare.jpg" alt="" />
														<span class="text">对比手机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/mimobile.jpg" alt="" />
														<span class="text">小米移动  电话卡</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="category-item">
										<a href="" class="title">笔记本 平板
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-2">
											<ul class="children-list children-list-col">
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/bijiben80.jpg" alt="" />
														<span class="text">笔记本12.5英寸</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/bijiben80.jpg" alt="" />
														<span class="text">笔记本13.3英寸</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li class="stars-goods">
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/mipad3_80.jpg" alt="" />
														<span class="text">小米平板3</span>
													</a>
													<a href="" class="btn btn-small btn-line-primary btn-buy">选购</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/bjbcdq80.jpg" alt="" />
														<span class="text">USB-C电源适配器</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/usbzjqggg80.jpg" alt="" />
														<span class="text">USB-C转接器</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/neidanbao80.jpg" alt="" />
														<span class="text">小米笔记本内胆包</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/ymjp80.jpg" alt="" />
														<span class="text">悦米机械键盘</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/shubiao80.jpg" alt="" />
														<span class="text">小米便携鼠标</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/wxsb80.png" alt="" />
														<span class="text">小米无线鼠标</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xmsbd80.jpg" alt="" />
														<span class="text">鼠标垫</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="category-item">
										<a href="" class="title">电视  盒子
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-4">
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/80xmds_49.jpg" alt="" />
														<span class="text">小米电视4 49英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/80xmds_55.jpg" alt="" />
														<span class="text">小米电视4 55英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/80xmds_65.jpg" alt="" />
														<span class="text">小米电视4 65英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xp80_43.jpg" alt="" />
														<span class="text">小米电视4A 43英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xp80_49.jpg" alt="" />
														<span class="text">小米电视4A 49英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xp80_55.jpg" alt="" />
														<span class="text">小米电视4A 55英寸</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xp80_65.jpg" alt="" />
														<span class="text">小米电视4A 65英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/mitv3s48.jpg" alt="" />
														<span class="text">小米电视3s 48英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/553s80.png" alt="" />
														<span class="text">小米电视3s 55英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/603s.png" alt="" />
														<span class="text">小米电视3s 60英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/653s80.png" alt="" />
														<span class="text">小米电视3s 65英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/6580side.jpg" alt="" />
														<span class="text">小米电视3s 65英寸 曲面</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/tv70.png" alt="" />
														<span class="text">小米电视3 70英寸</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/hezi80-80.jpg" alt="" />
														<span class="text">小米盒子3s</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/hezi80-80.jpg" alt="" />
														<span class="text">小米盒子3c</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/hezizengqiangban80side.jpg" alt="" />
														<span class="text">小米盒子3 增强版</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/diyinpao.jpg" alt="" />
														<span class="text">小米低音炮</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/80x80.jpg" alt="" />
														<span class="text">家庭音响</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/dianshipeijian.jpg" alt="" />
														<span class="text">电视盒子配件</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="category-item">
										<a href="" class="title">路由器 智能硬件
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-4">
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/jiqiren.jpg" alt="" />
														<span class="text">米家扫地机器人及配件</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/VRPLAY2.png" alt="" />
														<span class="text">小米VR眼镜</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/luyouqi-80.jpg" alt="" />
														<span class="text">小米路由器</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/scooter.jpg" alt="" />
														<span class="text">九号平衡车</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/zxc80-80.jpg" alt="" />
														<span class="text">电助力折叠自行车</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/shuihu80.jpg" alt="" />
														<span class="text">米家恒温电水壶</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/czjhq80.jpg" alt="" />
														<span class="text">米家车载空气净化器</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/dianhuashoubiao80.jpg" alt="" />
														<span class="text">手表</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/dianfanbao-80.jpg" alt="" />
														<span class="text">米家智能电饭煲</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xiaobai80.jpg" alt="" />
														<span class="text">智能摄像机/相机/微单</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/jinghuaqilvxin80.jpg" alt="" />
														<span class="text">净水器及滤芯</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/jingshuiqiandlvxin-80.jpg" alt="" />
														<span class="text">净水器及滤芯</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xueyaji-80.jpg" alt="" />
														<span class="text">血压计</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/jiqiren80.jpg" alt="" />
														<span class="text">米兔积木机器人及配件</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/zhinengdeng-80.jpg" alt="" />
														<span class="text">智能灯</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/gushiji80.jpg" alt="" />
														<span class="text">米兔智能故事机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/zhinengjiatingtaozhuang-80.jpg" alt="" />
														<span class="text">智能家庭组合</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/shouhuan280.jpg" alt="" />
														<span class="text">手环及配件</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/scale.jpg" alt="" />
														<span class="text">体重秤 / 体脂秤</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/huabanche80.jpg" alt="" />
														<span class="text">电动滑板车</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/wurenji80.jpg" alt="" />
														<span class="text">小米无人机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/jly80.jpg" alt="" />
														<span class="text">米家行车记录仪</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/djj80.jpg" alt="" />
														<span class="text">小米米家对讲机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/znyjdaohang.jpg" alt="" />
														<span class="text">全部智能硬件</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="category-item">
										<a href="" class="title">移动电源 电池 插线板
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-2">
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/dianyuan280.jpg" alt="" />
														<span class="text">小米移动电源</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/c1xb343.jpg" alt="" />
														<span class="text">插线板</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/yidongdianyuan.jpg" alt="" />
														<span class="text">品牌移动电源</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/dianyuanfujian.jpg" alt="" />
														<span class="text">移动电源附件</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/chongdianqi-80.jpg" alt="" />
														<span class="text">充电器</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/5Battery1.jpg" alt="" />
														<span class="text">彩虹5号电池</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/7Battery1.jpg" alt="" />
														<span class="text">彩虹7号电池</span>
													</a>
												</li>
											</ul>
									</li>
									<li class="category-item">
										<a href="" class="title">耳机 音箱
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-4">
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/toudai80.jpg" alt="" />
														<span class="text">小米头戴式耳机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/tdsqs80.jpg" alt="" />
														<span class="text">头戴式耳机轻松版</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xmjzej80.jpg" alt="" />
														<span class="text">小米降噪耳机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/qtpro80.jpg" alt="" />
														<span class="text">小米圈铁耳机 Pro</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/quantie.jpg" alt="" />
														<span class="text">小米圈铁耳机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/jiaonang80.jpg" alt="" />
														<span class="text">小米胶囊耳机</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/huosai1.jpg" alt="" />
														<span class="text">小米活塞耳机清新版</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/bluetoothheadset.jpg" alt="" />
														<span class="text">小米蓝牙耳机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/wxsb80.png" alt="" />
														<span class="text">小米无线鼠标</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/pinpai80.jpg" alt="" />
														<span class="text">品牌耳机</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/wlyx80.jpg" alt="" />
														<span class="text">小米网络音响</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/pocketaudio.png" alt="" />
														<span class="text">小米蓝牙音箱</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/suishen-80.jpg" alt="" />
														<span class="text">小米随身蓝牙音箱</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xiaogangpao2-hei-80.jpg" alt="" />
														<span class="text">小钢炮音箱 2</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/fhzlyyx80.jpg" alt="" />
														<span class="text">小米方盒子蓝牙音箱2</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/fhz80.jpg" alt="" />
														<span class="text">小米方盒子蓝牙音箱</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/naozhong80.jpg" alt="" />
														<span class="text">小米音乐闹钟</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/mituyinx80.jpg" alt="" />
														<span class="text">小米米兔音箱</span>
													</a>
												</li>
											</ul>
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/chechong1.jpg" alt="" />
														<span class="text">音乐蓝牙车充</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="category-item">
										<a href="" class="title">保护套 贴膜
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-1">
											<ul class="children-list children-list-col">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/tiemo.jpg" alt="贴膜" />
														<span class="text">贴膜</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/baohu.jpg" alt="保护套" />
														<span class="text">保护套</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="category-item">
										<a href="" class="title">线材 支架 存储卡
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-1">
											<ul class="children-list">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xiancai.jpg" alt="" />
														<span class="text">线材</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/zipaigan.jpg" alt="" />
														<span class="text">自拍杆</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/zhijia.jpg" alt="" />
														<span class="text">手机支架</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/cunchu.jpg" alt="" />
														<span class="text">储存卡</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="category-item">
										<a href="" class="title">箱包 服饰 鞋 眼镜
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-1">
											<ul class="children-list">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/xiangbao-80.jpg" alt="" />
														<span class="text">箱包</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/lvxingxiang.jpg" alt="" />
														<span class="text">90分旅行箱</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/huise2-80.jpg" alt="" />
														<span class="text">服饰</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/ydx80.jpg" alt="" />
														<span class="text">米家运动鞋 智能版</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/tyj80.jpg" alt="" />
														<span class="text">TS 尼龙偏光太阳镜</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="category-item">
										<a href="" class="title">米兔 生活周边
											<i class="iconfont">&#xe605;</i>
										</a>
										<div class="children children-col-1">
											<ul class="children-list">
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/mitu-80.jpg" alt="" />
														<span class="text">米兔玩偶</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/zhoubian1.jpg" alt="" />
														<span class="text">生活周边</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/zazhi1021-80.jpg" alt="" />
														<span class="text">《小米》会刊</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/mj80.jpg" alt="" />
														<span class="text">毛巾/浴巾</span>
													</a>
												</li>
												<li>
													<a class="tlink" href="">
														<img class="thumb" src="img/index/nav/rjcd80.jpg" alt="" />
														<span class="text">8H乳胶床品</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item">
							<a href="" class="link">小米手机</a>
						</li>
						<li class="nav-item"><a href="" class="link">红米</a></li>
						<li class="nav-item"><a href="" class="link">平板 · 笔记本</a></li>
						<li class="nav-item"><a href="" class="link">电视</a></li>
						<li class="nav-item"><a href="" class="link">盒子 · 影音</a></li>
						<li class="nav-item"><a href="" class="link">路由器</a></li>
						<li class="nav-item"><a href="" class="link">智能硬件</a></li>
						<li class="nav-item"><a href="" class="link">服务</a></li>
						<li class="nav-item"><a href="" class="link">社区</a></li>
					</ul>
				</div>
				<div class="header-search">
					<form class="search-form" action="" method="get">
						<input type="search" class="search-text" name="keyword" value="" />
						<input type="submit" class="search-btn iconfont" value="&#xe67c" />
					    <div class="search-hot-words">
					    	<a href="">红米Note 4X</a>
					    	<a href="">红米4X</a>
					    </div>
					</form>
				</div>
			</div>
			<!--导航栏弹出下拉-->
			<div class="header-nav-menu">
				<div class="container">
					<ul class="children-list clearfix">
						<li>
							<div class="figure figure-thumb"><a href=""><img src="img/index/children/xm6_320.png"/></a></div>
							<div class="title">小米6</div>
							<p class="price">2499元起</p>
							<div class="flags"><div class="flag">新品</div></div>
						</li>
						<li>
							<div class="figure figure-thumb"><a href=""><img src="img/index/children/xm6_320.png"/></a></div>
							<div class="title">小米6</div>
							<p class="price">2499元起</p>
							<div class="flags"><div class="flag">新品</div></div>
						</li>
						<li>
							<div class="figure figure-thumb"><a href=""><img src="img/index/children/xm6_320.png"/></a></div>
							<div class="title">小米6</div>
							<p class="price">2499元起</p>
							<div class="flags"><div class="flag">新品</div></div>
						</li>
						<li>
							<div class="figure figure-thumb"><a href=""><img src="img/index/children/xm6_320.png"/></a></div>
							<div class="title">小米6</div>
							<p class="price">2499元起</p>
							<div class="flags"><div class="flag">新品</div></div>
						</li>
						<li>
							<div class="figure figure-thumb"><a href=""><img src="img/index/children/xm6_320.png"/></a></div>
							<div class="title">小米6</div>
							<p class="price">2499元起</p>
							<div class="flags"><div class="flag">新品</div></div>
						</li>
						<li>
							<div class="figure figure-thumb"><a href=""><img src="img/index/children/xm6_320.png"/></a></div>
							<div class="title">小米6</div>
							<p class="price">2499元起</p>
							<div class="flags"><div class="flag">新品</div></div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--小米6标题栏-->
		<div id="J_proHeader">
			<div class="xm-product-box">
				<div class="nav-bar container clearfix">
					<h2>小米6</h2>
					<div class="right">
						<a class="cur" href="">概述</a>
						<span class="separator">|</span>
						<a href="">变焦双摄</a>
						<span class="separator">|</span>
						<a href="">设计</a>
						<span class="separator">|</span>
						<a href="">参数</a>
						<span class="separator">|</span>
						<a href="">F码通道</a>
						<span class="separator">|</span>
						<a href="">用户评价</a>
						<a class="btn btn-small btn-primary" href="">立即购买</a>
					</div>
				</div>
			</div>
			<div class="xm-product-box nav-bar-hidden">
				<div class="nav-bar container clearfix">
					<h2>小米6</h2>
					<div class="right">
						<a class="cur" href="">概述</a>
						<span class="separator">|</span>
						<a href="">变焦双摄</a>
						<span class="separator">|</span>
						<a href="">设计</a>
						<span class="separator">|</span>
						<a href="">参数</a>
						<span class="separator">|</span>
						<a href="">F码通道</a>
						<span class="separator">|</span>
						<a href="">用户评价</a>
						<a class="btn btn-small btn-primary" href="">立即购买</a>
					</div>
				</div>
			</div>
		</div>
		<div class="mi6 mi6-index">
			<!--top-->
			<div class="section section-top is-visible preload">
				<div class="content">
					<div class="context">
						<h1 class="title webfont">小米 6<br />变焦双摄，拍人更美</h1>
						<p class="item-des">骁龙835 旗舰处理器， 6GB 大内存 |  5.15" 护眼屏 | 四曲面陶瓷 / 玻璃</p>
					</div>
				</div>
			</div>
			<!--design-->
			<div class="section section-design is-visible preload">
				<div class="content">
					<div class="context">
						<h1 class="title webfont">七年工艺探索的梦幻之作</h1>
						<p class="item-des subtitle">就像每一代小米旗舰的发布，小米6 依然是新一代性能怪兽，率先搭载骁龙835 旗舰处理器，6GB 大内存。<br />首次在 5.15" 小米手机上，配备了光学变焦双摄相机，带来更美的人像效果。而在工艺上，四曲面玻璃与陶瓷两种材质<br />的流光溢彩，与不锈钢高亮的金属光泽交相辉映。小米6，就是我们 7 年工艺探索的梦幻之作。</p>
					    <a class="watch-video" href=""><span class="icon-play"></span>《听雷军讲述小米 7 年工艺探索》视频</a>
					</div>
				</div>
			</div>
			<!--smooth-->
			<div class="section section-smooth preload is-visible">
				<div class="wrap">
					<div class="content">
						<div class="context">
							<h2 class="webfont title">流光溢彩 温润如玉</h2>
							<p class="item-des subtitle">梦幻般的四曲面玻璃机身与不锈钢高亮边框设计</p>
							<a class="btn-play" href="javascript:void(0)"></a>
						</div>
					</div>
					<div class="video-con">
						<video class="video" preload="auto" loop="loop">
							<source src="video/video-apear.webm" type="video/webm"></source>
						</video>
					</div>
				</div>
				<div class="show-text">
					<p class="show-tips">查看更多细节</p>
					<div class="btn-con">
						<a class="btn-show" href="javascript:void(0)"></a>
					</div>
				</div>
			</div>
			<!--camera-->
		    <div class="section section-camera preload is-visible">
		    	<div class="content">
		    		<div class="context">
		    			<h2 class="webfont title">变焦双摄, 拍人更美</h2>
		    			<p class="item-des subtitle">2 倍光学无损变焦双摄，单反般背景虚化效果<br />还有独特的 4 轴光学防抖，弱光环境下也能拍出好照片</p>
		    			<ul class="features-list clearfix">
		    				<li>
		    					<em class="webfontit">2倍</em>
		    					<span>ZOOM 光学变焦</span>
		    				</li>
		    				<li>
		    					<em class="webfontit">4轴</em>
		    					<span>OIS 光学防抖</span>
		    				</li>
		    				<li>
		    					<em class="webfontit">12MP</em>
		    					<span>广角 / 长焦摄像头</span>
		    				</li>
		    			</ul>
		    			<a class="link" href="">了解变焦双摄相机 ></a>
		    		</div>
		    	</div>
		    </div>
		    <!--photos-->
		    <div class="section section-photos preload is-visible">
		    	<div class="content">
		    		<div class="slider-wrap">
		    			<div class="slider ui-wrapper01">
		    				<ul class="photospic-list clearfix">
		    					<li><img src="img/mi6/photos-group01_1.jpg"/></li>
		    					<li><img src="img/mi6/photos-group02_1.jpg"/></li>
		    					<li><img src="img/mi6/photos-group03_1.jpg"/></li>
		    					<li><img src="img/mi6/photos-group04_1.jpg"/></li>
		    					<li><img src="img/mi6/photos-group05_1.jpg"/></li>
		    					<li><img src="img/mi6/photos-group06_1.jpg"/></li>
		    					<li><img src="img/mi6/photos-group07_1.jpg"/></li>
		    				</ul>
		    			</div>
		    			<div class="photospic-btns">
		    				<a class="ui-prev v-btn v-prev" href="javascript:void(0);"></a>
		    				<a class="ui-next v-btn v-next" href="javascript:void(0);"></a>
		    			</div>
		    		</div>
		    	</div>
		    </div>
		    <!--perfor-->
		    <div class="section section-perfor preload is-visible">
		    	<div class="content">
		    		<div class="context">
		    			<h2 class="webfont title">骁龙835 + 6GB 大内存<br />新一代性能怪兽</h2>
		    			<p class="item-des subtitle">率先搭载骁龙835 旗舰处理器，全球首款 10nm 商用芯片</p>
		    			<div class="features">
		    				<em class="webfontit">Adreno540</em>
		    				<span>游戏机级图形处理器</span>
		    			</div>
		    			<ul class="features-list clearfix">
		    				<li>
		    					<em class="webfontit">6GB</em>
		    					<span>超大内存</span>
		    				</li>
		    				<li>
		    					<em class="webfontit">128GB</em>
		    					<span>最高可选存储</span>
		    				</li>
		    			</ul>
		    		</div>
		    	</div>
	    		<div class="show-text">
					<p class="show-tips">探索黑科技</p>
					<div class="btn-con">
						<a class="btn-show" href="javascript:void(0)"></a>
					</div>
				</div>
		    </div>
		    <!--screen-->
		    <div class="section section-screen preload is-visible">
		    	<div class="wrap">
		    		<div class="content">
		    			<div class="context">
		    				<h2 class="webfont title">5.15"护眼屏</h2>
		    				<p class="item-des subtitle">降低蓝光辐射<br />国家眼科诊断与治疗工程技术研究中心权威认证</p>
		    				<ul class="features-list clearfix">
			    				<li>
			    					<em class="webfontit"><i>600</i>nit</em>
			    					<span>高亮度</span>
			    				</li>
			    				<li>
			    					<em class="webfontit"><i>1</i>nit</em>
			    					<span>超暗夜光屏</span>
			    				</li>
			    				<li>
			    					<em class="webfontit"><i>94.4</i>%</em>
			    					<span>NTSC高色彩饱和度</span>
			    				</li>
			    			</ul>
		    			</div>
		    		</div>
		    	</div>
		    	<div class="show-text">
					<p class="show-tips">屏幕背后的科技</p>
					<div class="btn-con">
						<a class="btn-show" href="javascript:void(0)"></a>
					</div>
				</div>
		    </div>
		    <!--experience-->
		    <div class="section section-experience preload is-visible">
		    	<div class="content">
		    		<div class="context">
		    			<h2 class="webfont">从性能到体验<br />更快人一步</h2>
		    			<p class="item-des subtitle">更快的网络连接速度、更持久<br />的续航能力、支持微信 / 支付宝指纹支付</p>
		    			<ul class="features-list clearfix">
		    				<li class="item01">
		    					<em class="webfontit"><i>2x2</i>双路WiFi</em>
		    					<span>信号覆盖范围更大</span>
		    				</li>
		    				<li class="item02">
		    					<em class="webfontit"><i>2x2</i>双路WiFi</em>
		    					<span>信号覆盖范围更大</span>
		    				</li>
		    				<li class="item03">
		    					<em class="webfontit"><i>2x2</i>双路WiFi</em>
		    					<span>信号覆盖范围更大</span>
		    				</li>
		    				<li class="item04">
		    					<em class="webfontit"><i>2x2</i>双路WiFi</em>
		    					<span>信号覆盖范围更大</span>
		    				</li>
		    			</ul>
		    		</div>
		    	</div>
		    	<div class="show-text">
					<p class="show-tips">获得更多体验</p>
					<div class="btn-con">
						<a class="btn-show" href="javascript:void(0)"></a>
					</div>
				</div>
		    </div>
		    <!--waterproof-->
		    <div class="section section-waterproof preload is-visible">
		    	<div class="content">
		    		<div class="context">
		    			<h2 class="webfont title">生活防泼溅</h2>
		    			<p class="item-des">每个开孔都进行了独立的密封设计</p>
		    			<a class="btn-play" href="javascript:;"></a>
		    		</div>
		    	</div>
		    	<div class="video-con">
		    		<video class="video" loop="loop">
		    			<source type="video/webm"></source>
		    		</video>
		    	</div>
		    	<div class="mask"></div>
		    </div>
		    <!--look-->
		    <div class="section section-look preload is-visible">
		    	<div class="content">
		    		<div class="context">
		    			<h3 class="webfont title">小米6 <em class="type">陶瓷尊享版</em></h3>
		                <h2 class="webfont title">如艺术品般精致璀璨</h2>
		                <p class="item-des subtitle">“明如镜、颜如玉” 的首款四曲面陶瓷机身，科技与艺术浑然天成</p>
		                <ul class="features-list clearfix">
		                    <li>
		                        <em class="webfontit"><i>四曲面陶瓷</i></em>
		                        <span>尊享版机身</span>
		                    </li>
		                    <li>
		                        <em class="webfontit"><i>18K镀金</i></em>
		                        <span>相机装饰环</span>
		                    </li>
		                    <li>
		                        <em class="webfontit"><i>6GB+128GB</i></em>
		                        <span>存储空间</span>
		                    </li>
		                </ul>
		    		</div>
		    	</div>
		    </div>
		    <!--kinds-->
		     <div class="section section-kinds preload is-visible">
		    	<div class="content">
		    		<div class="context">
		    			<h2 class="webfont title">小米手机6<br>变焦双摄，拍人更美</h2>
		                <ul class="kind-list">
		                    <li class="item01 item-pic J_itemPic"></li>
		                    <li class="item02 item-pic J_itemPic"></li>
		                    <li class="item03 item-pic J_itemPic"></li>
		                    <li class="item04 item-pic J_itemPic"></li>
		                </ul>
		                <ul class="dot-list clearfix">
		                    <li class="dot dot01 J_dotItem active"></li>
		                    <li class="dot dot02 J_dotItem"></li>
		                    <li class="dot dot03 J_dotItem"></li>
		                    <li class="dot dot04 J_dotItem"></li>
		                </ul>
		                <ul class="text-list">
		                    <li class="text J_textItem">亮黑</li>
		                    <li class="text J_textItem">亮蓝</li>
		                    <li class="text J_textItem">亮白</li>
		                    <li class="text J_textItem">陶瓷黑</li>
		                </ul>
		    		</div>
		    	</div>
		    </div>
		    <!--section-footer-->
		    <div class="section section-footer preload is-visible">
		    	<a class="link" href="">
		            <div class="content">
		                <div class="context">
		                    <h3 class="webfont title">“美，就是我的眼中只有你”</h3>
		                    <p class="item-des">进一步了解小米6 变焦双摄  &gt;</p>
		                </div>
		            </div>
		        </a>
		        <div class="video-con">
		            <video class="video" preload="none" loop="loop">
		                <source src="" type="video/mp4">
		                <source src="" type="video/webm">
		            </video>
		        </div>
		    </div>
		    <div class="section-footer-common-erweima">
				<div class="container">
					<div class="common-erweima-content clearfix">
						<div class="common-erweima-pic"><img src="img/mi6/miphone-erweima.png"></div>
						<div class="common-erweima-context">
							<div class="tips">扫码关注【<span>小米手机</span>】公众号</div>
							<div>了解更多产品信息、新品资讯，还可领取新人红包！</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--视频播放窗口-->
		<div class="modal video-modal fade modal-hide">
		    <span class="close" data-dismiss="modal"> X </span>
		    <div class="modal-bd">
		    	<iframe id="miPlayerIframe" src="" frameborder="0" allowfullscreen scrolling="no">
		    		
		    	</iframe>
		    </div>
		</div>
		<footer>
			<div class="site-footer">
				<div class="container">
					<div class="footer-service">
						<ul class="clearfix">
							<li><a href=""><i class="iconfont">&#xe603;</i>预约维修服务</a></li>
							<li><a href=""><i class="iconfont">&#xe602;</i>7天无理由退货</a></li>
							<li><a href=""><i class="iconfont">&#xe638;</i>15天免费换货</a></li>
							<li><a href=""><i class="iconfont">&#xe600;</i>满150元包邮</a></li>
							<li><a href=""><i class="iconfont">&#xe601;</i>520余家售后网点</a></li>
						</ul>
					</div>
					<div class="footer-links clearfix">
						<dl class="col-links">
							<dt>帮助中心</dt>
							<dd><a href="">账户管理</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">订单操作</a></dd>
						</dl>
						<dl class="col-links">
							<dt>帮助中心</dt>
							<dd><a href="">账户管理</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">订单操作</a></dd>
						</dl>
						<dl class="col-links">
							<dt>帮助中心</dt>
							<dd><a href="">账户管理</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">订单操作</a></dd>
						</dl>
						<dl class="col-links">
							<dt>帮助中心</dt>
							<dd><a href="">账户管理</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">订单操作</a></dd>
						</dl>
						<dl class="col-links">
							<dt>帮助中心</dt>
							<dd><a href="">账户管理</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">订单操作</a></dd>
						</dl>
						<dl class="col-links">
							<dt>帮助中心</dt>
							<dd><a href="">账户管理</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">订单操作</a></dd>
						</dl>
						<div class="col-contact">
							<p class="phone">400-100-5678</p>
							<p><span>周一至周日 8:00-18:00</span>（仅收市话费）</p>
							<a class="btn btn-line-primary btn-small" href="">24小时在线客服</a>
						</div>
					</div>
				</div>
			</div>
			<div class="site-info">
				<div class="container">
					<div class="logo"></div>
					<div class="info-text">
						<p class="sites">
							<a href="">小米商城</a><span class="sep">|</span>
							<a href="">MIUI</a><span class="sep">|</span>
							<a href="">米聊</a><span class="sep">|</span>
							<a href="">多看书城</a><span class="sep">|</span>
							<a href="">小米路由器</a><span class="sep">|</span>
							<a href="">视频电话</a><span class="sep">|</span>
							<a href="">小米天猫店</a><span class="sep">|</span>
							<a href="">小米淘宝直营店</a><span class="sep">|</span>
							<a href="">小米网盟</a><span class="sep">|</span>
							<a href="">小米移动</a><span class="sep">|</span>
							<a href="">隐私政策</a><span class="sep">|</span>
							<a href="">Select Region</a>
						</p>
						<p>&copy;
							<a href="">mi.com</a>京ICP证110507号
							<a href="">京ICP备10046444号</a>
							<a href="">京公网安备11010802020134号</a>
							<a href="">京网文[2014]0059-0009号</a>
							<br> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
						</p>
					</div>
					<div class="info-links">
						<a href=""><img src="img/truste.png" alt="隐私认证"/></a>
						<a href=""><img src="img/v-logo-1.png" alt="可信站点"/></a>
						<a href=""><img src="img/v-logo-2.png" alt="诚信网站"/></a>
						<a href=""><img src="img/v-logo-3.png" alt="网上交易"/></a>
					</div>
				</div>
				<div class="slogan ir">探索黑科技，小米为发烧而生</div>
			</div>
		</footer>
	</body>
	<script type="text/javascript" src="js/common.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/mi6.js" charset="utf-8"></script>
</html>
